<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bookshop</title>

    <!-- Bootstrap -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="/assets/css/animate.min.css" rel="stylesheet">
    <link href="/assets/css/main.min.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" href="//assets/images/favicon.ico">

    <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet'
          type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic'
          rel='stylesheet' type='text/css'>
</head>
<body>


<div id="wrapper">
    <div id="page-content-wrapper" class="st-pusher">
        <div class="st-pusher-after"></div>
        <!-- ============================================== HEADER ============================================== -->

        <jsp:include page="header.jsp"/>


        <!-- ============================================== HEADER : END ============================================== -->
        <section class="inner-md">
            <div class="content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-10 center-block">
                            <div class="row info-404">
                                <div class="col-md-6 col-sm-6">
                                    <h1 class="title">404</h1>
                                </div>
                                <div class="col-md-6 col-sm-6 right-info inner-top-md">
                                    <h2 class="sub-title">错误</h2>
                                    <p><a href="/page/index">→返回主页</a></p>
                                </div>
                            </div>
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.content -->
        </section>
        <!-- ============================================== FOOTER ============================================== -->
        <footer class="footer clearfix">
            <div class="margin-top-10">
                <div class="container inner-top-vs">
                    <!-- ============================================== FOOTER-TOP ============================================== -->
                    <div class="row">
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-module">
                                <h4 class="footer-module-title">关于本网站</h4>
                                <div class="footer-module-body m-t-20 clearfix">
                                    <p><span class="pull-left"><img src="/assets/images/footer-logo.png" alt=""
                                                                    width="75" height="75"></span>一个cras
                                        tincidunt，ut tellus et。</font>Gravida
                                        scele risque，ipsum sed iacul is，nunc non namtellus。</font><font
                                            style="vertical-align: inherit;">Placerat sed phasellus，purus purus
                                        elit。</font> Erat vel。</font><font
                                            style="vertical-align: inherit;">Donec vestibulum sed，vel euismod
                                        donec。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-module">
                                <h4 class="footer-module-title">分类</h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="list-unstyled link-list">
                                        <li><a href="#">图书</a></li>
                                        <li><a href="#">课本</a></li>
                                        <li><a href="#">Nook书籍</a></li>
                                        <li><a href="#">有声读物</a></li>
                                        <li><a href="#">杂志</a></li>
                                    </ul>

                                    <ul class="list-unstyled link-list">
                                        <li><a href="#">电影</a></li>
                                        <li><a href="#">音乐</a></li>
                                        <li><a href="#">游戏</a></li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4 clearfix ">
                            <div class="footer-module">
                                <h4 class="footer-module-title">信息</h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="list-unstyled link-list">
                                        <li><a href="#">跟踪订单</a></li>
                                        <li><a href="#">交货</a></li>
                                        <li><a href="#">退货政策</a></li>
                                        <li><a href="#">礼品卡</a></li>
                                    </ul>

                                    <ul class="list-unstyled link-list">
                                        <li><a href="#">联系我们</a></li>
                                        <li><a href="#">商店位置</a></li>
                                        <li><a href="#">常问问题</a></li>
                                        <li><a href="#">使用条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <div class="footer-module">
                                <h4 class="footer-module-title">连</h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="clearfix list-unstyled footer-social-contact">
                                        <li><a href="#" class="fa fa-facebook" title="Facebook的"></a></li>
                                        <li><a href="#" class="fa fa-pinterest" title="Pinterest的"></a></li>
                                        <li><a href="#" class="fa fa-linkedin" title="LinkedIn"></a></li>
                                        <li><a href="#" class="fa fa-twitter" title="推特"></a></li>
                                        <li><a href="#" class="fa fa-google-plus" title="Google Plus"></a></li>
                                        <li><a href="#" class="fa fa-rss" title="RSS"></a></li>
                                        <li><a href="#" class="fa fa-instagram" title="Instagram的"></a></li>

                                    </ul>


                                    <div class="inner-top-xs">
                                        <p>订阅我们的每周时事通讯。</p>
                                        <form class="searchform" action="http://inspectelement.com/" method="get">
                                            <input class="s" type="text" placeholder="Email Address" name="s" value="">
                                            <font style="vertical-align: inherit;"><font
                                                    style="vertical-align: inherit;"><input class="searchsubmit"
                                                                                            type="submit"
                                                                                            value="订阅">
                                        </form>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ============================================== FOOTER-TOP : END ============================================== -->
                    <hr>
                    <!-- ============================================== FOOTER-BOTTOM ============================================== -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="pull-left">
                                <ul class="payment-list list-unstyled">
                                    <li><a href="#"><img src="/assets/images/payments/1.png" class="img-responsive"
                                                         height="22" alt=""></a></li>

                                </ul>
                            </div>
                            <p class="copyright-footer pull-right"><font style="vertical-align: inherit;"><font
                                    style="vertical-align: inherit;">©2014 Bookshop。</font><font
                                    style="vertical-align: inherit;">版权所有。</font><font style="vertical-align: inherit;">由</font><a
                                    href="#"><font style="vertical-align: inherit;">Heztheme</font></a><font
                                    style="vertical-align: inherit;">用爱制造<a href="#"><font
                                    style="vertical-align: inherit;"></font></a></p>
                        </div>
                    </div>
                    <!-- ============================================== FOOTER-BOTTOM : END ============================================== -->
                </div>
            </div>
        </footer>
        <!-- ============================================== FOOTER : END ============================================== -->
    </div><!-- /.st-pusher -->
    <!-- ============================================== TOGGLE RIGHT CONTENT ============================================== -->

    <div id="cart-dropdown-wrapper">
        <nav id="menu1" class="cart-dropdown">
            <h2 class="shopping-cart-heading">我的借阅</h2>
            <div class="cart-items">
                <div class="cart-items-list">
                    <ul>
                        <li class="media">
                            <div class="clearfix book cart-book">
                                <a href="single-book.html" class="media-left">
                                    <div class="book-cover">
                                        <img width="140" height="212" alt="" src="/assets/images/book-covers/01.jpg">
                                    </div>
                                </a>
                                <div class="media-body book-details">
                                    <div class="book-description">
                                        <h3 class="book-title"><a href="single-book.html">奥斯卡王的短暂奇妙生活</a></h3>
                                        <p class="book-subtitle">作者：<a href="single-book.html">Cormac McCarthy</a></p>
                                        <p class="price m-t-20">$ 1,401.75</p>
                                    </div>
                                </div>
                            </div>
                            <div class="proceed-to-checkout text-center">
                                <button type="button" class="btn btn-primary btn-uppercase">归还</button>
                            </div>
                        </li>
                    </ul>
                </div>


            </div>

        </nav>
    </div>

    <!-- ============================================== TOGGLE RIGHT CONTENT : END ============================================== -->

</div><!-- /#wrapper -->

<script src="/assets/js/jquery-1.11.2.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/bootstrap-hover-dropdown.min.js"></script>
<script src="/assets/js/owl.carousel.min.js"></script>
<script src="/assets/js/perfect-scrollbar.min.js"></script>
<script src="/assets/js/jquery-ui.min.js"></script>
<script src="/assets/js/jquery.customSelect.min.js"></script>
<script src="/assets/js/jquery.easing-1.3.min.js"></script>
<script src="/assets/js/wow.min.js"></script>
<script src="/assets/js/echo.min.js"></script>
<script src="/assets/js/scripts.js"></script>
<div id="goog-gt-tt" class="skiptranslate" dir="ltr">
    <div style="padding: 8px;">
        <div>
            <div class="logo"><img src="https://www.gstatic.com/images/branding/product/1x/translate_24dp.png"
                                   width="20" height="20" alt="Google 翻译"></div>
        </div>
    </div>
    <div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">原文</h1></div>
    <div class="middle" style="padding: 8px;">
        <div class="original-text"></div>
    </div>
    <div class="bottom" style="padding: 8px;">
        <div class="activity-links"><span class="activity-link">提供更好的翻译建议</span><span class="activity-link"></span>
        </div>
        <div class="started-activity-container">
            <hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;">
            <div class="activity-root"></div>
        </div>
    </div>
    <div class="status-message" style="display: none;"></div>
</div>


<div class="goog-te-spinner-pos">
    <div class="goog-te-spinner-animation">
        <svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66">
            <circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33"
                    r="30"></circle>
        </svg>
    </div>
</div>
</body>
</html>
